<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="robots" content="noindex">
		<title>Little Fries</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<link rel="apple-touch-icon" href="apple-touch-icon.png">
		<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72×72-precomposed.png">
		<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114×114-precomposed.png">
		<link type="text/css" rel="stylesheet" href="Css/style.css">
	</head>
	<body>
		<!--header : begin-->
		<header>
			<div class="hd-bar">
				<a href="index.html" class="hd-logo"><img src="Images/logo.png"/></a>
				<!--<div for="hd-menu-input" class="hd-menu-btn" id="hd-menu-btn"><span></span></div>-->
				
				<div class="hd-menu">
					<ul class="hd-menu-list" id="hd-menu-list">
						<li><a href="index.html">HOME</a></li>
						<li><a href="list.html">FRIES</a></li>
						<li><a href="list.html">FOOD</a></li>
						<li><a href="list.html">PETS</a></li>
						<li><a href="list.html">NEWS</a></li>
						<li><a href="list.html">SPORTS</a></li>
						<li><a href="list.html">STARS</a></li>
					</ul>
				</div>
			</div>
			<!--<progress max="0" value="0"></progress>-->
		</header>
		<!--header : end-->
		
		<!-- banner : begin -->
		<div class="slide" id="slide">
			<a href="detail.html" style="background-image: url(Images/tHDHQl7.jpg)">
				<p><span class="s-title">Food</span><span>16 Crazy Trump Family Secrets Will Leave You Slack-Jawed</span></p>
			</a>
		</div>
		<!-- banner : end -->
		
		
		<!--outer : begin-->
		<div class="outer">
			
			<!--content : begin-->
			<div class="content">
				
				<ul class="slide-menu" id="slide-menu">
					<li class="orange">
						<a href="list.html">
							<span>Pets</span>
							<img src="Images/tHDHQl7.jpg">
							<p>15 Celebrities The Experts Thought Would Never Support Donald Trump</p>
						</a>
					</li>
					<li class="green">
						<a href="list.html">
							<span>Food</span>
							<img src="Images/tHDHQl7.jpg">
							<p>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</p>
						</a>
					</li>
					<li class="red">
						<a href="list.html">
							<span>Stars</span>
							<img src="Images/tHDHQl7.jpg">
							<p>16 Crazy Trump Family Secrets Will Leave You Slack-Jawed</span></p>
						</a>
					</li>
				</ul>

				
				<!--hot topics : begin-->
				<div class="hot-topic">
					<ul class="ht-list">
						<li>
							<a href="detail.html">
								<img src="Images/trump2.jpg"/>
								<h3>Trump</h3>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<img src="Images/ivanka2.jpg"/>
								<h3>Ivanka</h3>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<img src="Images/angelina-jolie.jpg"/>
								<h3>Trump</h3>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<img src="Images/leonardo_dicaprio.jpg"/>
								<h3>Ivanka</h3>
							</a>
						</li>
					</ul>
				</div>
				<!--hot topics : end-->
				
				<!--news today : begin-->
				<div class="hot-topic news-today">
					<h2>News Today</h2>
					<ul class="nt-list index-nt-list">
						<li class="nt-red">
							<a href="detail.html">
								<span><img src="Images/kristen.jpg"/></span>
								<p>Stars</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
						<li class="nt-green">
							<a href="detail.html">
								<span><img src="Images/14362701646_6ea21f225b_z.jpg"/></span>
								<p>Food</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
						<li class="nt-blue">
							<a href="detail.html">
								<span><img src="Images/keira.jpg"/></span>
								<p>News</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
						<li class="nt-blue">
							<a href="detail.html">
								<span><img src="Images/kristen.jpg"/></span>
								<p>Stars</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
						<li class="nt-orange">
							<a href="detail.html">
								<span><img src="Images/14362701646_6ea21f225b_z.jpg"/></span>
								<p>Food</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
						<li class="nt-purple">
							<a href="detail.html">
								<span><img src="Images/keira.jpg"/></span>
								<p>News</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
						<li class="nt-orange">
							<a href="detail.html">
								<span><img src="Images/kristen.jpg"/></span>
								<p>Stars</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
						<li class="nt-blue">
							<a href="detail.html">
								<span><img src="Images/14362701646_6ea21f225b_z.jpg"/></span>
								<p>Food</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
						<li class="nt-green">
							<a href="detail.html">
								<span><img src="Images/keira.jpg"/></span>
								<p>News</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
						<li class="nt-yellow">
							<a href="detail.html">
								<span><img src="Images/kristen.jpg"/></span>
								<p>Stars</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
						<li class="nt-purple">
							<a href="detail.html">
								<span><img src="Images/14362701646_6ea21f225b_z.jpg"/></span>
								<p>Food</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
						<li class="nt-green">
							<a href="detail.html">
								<span><img src="Images/keira.jpg"/></span>
								<p>News</p>
								<h3>11 Photos Of Shiloh Jolie Pitt's Changing Looks Will Take Your Breath Away</h3>
							</a>
						</li>
					</ul>
				</div>
				<!--hot topics : end-->
				
			</div>
			<!--content : end-->
		</div>
		<!--outer : end-->
		
		<!--footer : begin-->
		<footer>
			<div class="ft-top">
				<a href="list.html">Fries</a>
				<a href="list.html">Food</a>
				<a href="list.html">Pets</a>
				<a href="list.html"><img src="Images/06.jpg"/></a>
				<a href="list.html">News</a>
				<a href="list.html">Sports</a>
				<a href="list.html">Stars</a>
			</div>
			<div class="ft-bottom">
				<a href="list.html">Terms of Use</a>
				<a href="list.html">Privacy Policy</a>
				<a href="list.html">About Us</a>
				<a href="list.html">DMAC</a>
			</div>
		</footer>
		<!--footer : end-->
		
		
	</body>
</html>
<!--<script src="Js/script.js"></script>-->
<script>
//banner
//	var ele_banner_list = document.getElementById("slide-menu").getElementsByTagName("li");
//	var ele_slide_a = document.getElementById("slide").getElementsByTagName("a")[0];	
//	var ele_slide_span = document.getElementById("slide").getElementsByTagName("span")[1];	
//	
//	var oHref = ele_slide_a.href;
//	var oText = ele_slide_span.innerHTML;
//	var oBackground = ele_slide_a.style.backgroundImage;
//	var oTitle = document.getElementsByClassName("s-title")[0];
//	var oTitleText = oTitle.innerHTML;
//	
//	for (var i=0;i<ele_banner_list.length;i++) {
//		ele_banner_list[i].onmouseenter = function(){
//			
//			for (var j=0;j<ele_banner_list.length;j++) {
//				if(ele_banner_list[j].getAttribute("hover")=="yes"){
//					ele_banner_list[j].removeAttribute("hover");
//				}
//			}
//			this.setAttribute("hover","yes");
//			ele_slide_a.href = this.getElementsByTagName("a")[0].href;
//			ele_slide_span.innerHTML = this.getElementsByTagName("p")[0].getElementsByTagName("span")[0].innerHTML;	
//			ele_slide_span.style.opacity =  "0.6";
//			ele_slide_a.style.opacity =  "0.6";
//			ele_slide_a.style.backgroundImage = "url("+this.getElementsByTagName("img")[0].src+")";
//			oTitle.innerHTML = this.getElementsByTagName("span")[0].innerHTML;
//			document.getElementById("slide").className =   "slide "+this.className;
//			setTimeout(function(){
//				ele_slide_a.style.opacity =  "1";
//				ele_slide_span.style.opacity =  "1";
//			},80)
//		}
//	}

</script>